﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>框架首页布局</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="../assets/css/style.css" rel="stylesheet" />
</head>
<body>
    <div class="page-wraper">
        <div class="returnback" id="returnTop">
            <a href="javascript:void(0);">
                <i class="fa fa-arrow-up"></i>
            </a>
        </div>
        <h3 class="page-title">基本表格</h3>
        <div class="page-bar">
            <ul class="page-breadcrumb">
                <li>
                    <i class="fa fa-home"></i>
                    <a href="index.html">页面元素</a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <a href="#">基本表单</a>
                </li>
            </ul>
        </div>
        <div class="page-form">
            <div class="form form-base">
                <div class="controls-group">
                    <label class="controls-lab" for="num">编号：</label>
                    <div class="controls">
                        <input type="text" id="num" name="num" class="input">
                    </div>
                </div>
                <div class="controls-group">
                    <label class="controls-lab" for="category">类别：</label>
                    <div class="controls">
                        <select id="category" name="category">
                            <option>公司新闻</option>
                            <option>行业新闻</option>
                            <option>行业动态</option>
                            <option>公司新闻</option>
                        </select>
                    </div>
                </div>
                <div class="controls-group">
                    <label class="controls-lab" for="title">标题：</label>
                    <div class="controls col-2">
                        <input type="text" id="title" name="title" class="input">
                    </div>
                </div>
                <div class="controls-group">
                    <label class="controls-lab" for="myEditor">内容：</label>
                    <div class="controls">
                        <textarea class="textarea" rows="5" placeholder="这里我可以写一些输入提示"></textarea>
                    </div>
                </div>
                <div class="controls-group">
                    <label class="controls-lab" for="imgs">滚动图片：</label>
                    <div class="controls">
                        <input type="text" class="input" id="imgs" name="imgs">
                    </div>
                </div>
                <div class="controls-group">
                    <label class="controls-lab" for="source">新闻来源：</label>
                    <div class="controls">
                        <input type="text" class="input" id="sources" name="source">
                    </div>
                </div>
                <div class="controls-group">
                    <label class="controls-lab" for="datetime">发布日期：</label>
                    <div class="controls">
                        <input type="text" class="input" id="datetime" name="datetime">
                    </div>
                </div>
                <div class="controls-group">
                    <label class="controls-lab" for="checkflag">审核状态：</label>
                    <div class="controls">
                        <select id="checkflag" name="checkflag">
                            <option>审核通过</option>
                            <option>审核不通过</option>
                        </select>
                    </div>
                </div>
                <div class="controls-group">
                    <label class="controls-lab"></label>
                    <div class="controls-btn">
                        <input type="submit" id="submit" name="submit" class="btn btn-primary" value="保存">
                        <input type="button" class="btn" value="取消">
                    </div>
                </div>
                <div>
                    <ul class="errMsg"></ul>
                </div>
            </div>
        </div>

        <div class="panel panel-success">
            <div class="panel-heading">
                <h3 class="panel-title">框架首页布局</h3>
            </div>
            <div class="panel-body">

                <pre><code data-language="html">
//表单的代码如下，表单包括在div class="page-form"中
<div class="page-form">
    <div class="form form-base">
        <div class="controls-group">
            <label class="controls-lab" for="num">编号：</label>
            <div class="controls">
                <input type="text" id="num" name="num" class="input">
            </div>
        </div>
    <div class="controls-group">
    <label class="controls-lab" for="category">类别：</label>
        <div class="controls">
            <select id="category" name="category">
                <option>公司新闻</option>
                <option>行业新闻</option>
                <option>行业动态</option>
                <option>公司新闻</option>
            </select>
        </div>
    </div>
        <div class="controls-group">
            <label class="controls-lab" for="title">标题：</label>
            <div class="controls col-2">
                <input type="text" id="title" name="title" class="input">
            </div>
        </div>
        <div class="controls-group">
            <label class="controls-lab" for="myEditor">内容：</label>
            <div class="controls">
                <textarea class="textarea" rows="5" placeholder="这里我可以写一些输入提示"></textarea>
            </div>
        </div>
        <div class="controls-group">
            <label class="controls-lab" for="imgs">滚动图片：</label>
            <div class="controls">
                <input type="text" class="input" id="imgs" name="imgs">
            </div>
        </div>
        <div class="controls-group">
            <label class="controls-lab" for="source">新闻来源：</label>
            <div class="controls">
                <input type="text" class="input" id="sources" name="source">
            </div>
        </div>
        <div class="controls-group">
            <label class="controls-lab" for="datetime">发布日期：</label>
            <div class="controls">
                <input type="text" class="input" id="datetime" name="datetime">
            </div>
        </div>
        <div class="controls-group">
            <label class="controls-lab" for="checkflag">审核状态：</label>
            <div class="controls">
                <select id="checkflag" name="checkflag">
                    <option>审核通过</option>
                    <option>审核不通过</option>
                </select>
            </div>
        </div>
        <div class="controls-group">
            <label class="controls-lab"></label>
            <div class="controls-btn">
                <input type="submit" id="submit" name="submit" class="btn btn-primary" value="保存">
                <input type="button" class="btn" value="取消">
            </div>
        </div>
    </div>
</div>
                    </code></pre>

            </div>
        </div>
    </div>

    <!--JS代码-->
    <script src="../../assets/js/plugins/jquery.1.8.3.js"></script>
    <script src="../../assets/js/plugins/jquery.mui.js"></script>
    <script src="../../assets/js/plugins/rainbow-custom.min.js"></script>
</body>
</html>
